@charset "utf-8";

/* common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, select, button, pre {margin:0;padding:0}
body, input, textarea, select, table, button, pre {font-family: "나눔고딕",nanumgothic,"돋움",dotum; font-size:13px}
img, fieldset {border:0}
hr {display:none}
li {list-style:none}
em, address {font-style:normal}
a {text-decoration:none}
a:hover, a:active, a:focus {text-decoration:underline}
.blind {position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; visibility:hidden; font-size:0; line-height:0}

/* inline & block's position */
.tl {text-align:left !important}
.tc {text-align:center}
.fl {float:left}
.fr {float:right}

/* buttons */
a.btn_big {font-family:sans-serif,arial;display:inline-block; padding-right:3px; background:url(/share/img/bg_btn_default.gif) no-repeat 100% 0; font-size:12px; color:#444; line-height:26px; height: 26px; word-spacing:-1px; text-decoration:none !important; white-space:nowrap}
a.btn_big span,
a.btn_big strong {display:block; padding:1px 9px 0 12px; background:url(/share/img/bg_btn_default.gif) no-repeat; line-height:26px; font-size:12px;}
a.btn_big .excel { background: url(/share/img/excel.png) no-repeat 0 3px; padding-left: 20px;}
a.btn_big .add { background: url(/share/img/add.png) no-repeat 0 3px; padding-left: 20px;}
a.btn_big .cancel { background: url(/share/img/common_cancel.png) no-repeat 0 3px; padding-left: 20px;}
a.btn_big .delete { background: url(/share/img/delete.png) no-repeat 0 3px; padding-left: 20px;}
a.btn_big .up { background: url(/share/img/up.png) no-repeat 0 3px; padding-left: 20px;}
a.btn_big .down { background: url(/share/img/down.png) no-repeat 0 3px; padding-left: 20px;}
a.btn_big .good { background: url(/share/img/good.png) no-repeat 0 3px; padding-left: 20px;}

a.btn_sml {font-family:sans-serif,arial;display:inline-block; padding-right:3px; background:url(/share/img/bg_btn_default.gif) no-repeat 100% -27px; font-size:11px; color:#444; line-height:21px; letter-spacing:-1px; word-spacing:-1px; text-decoration:none !important; white-space:nowrap}
a.btn_sml span,
a.btn_sml strong {display:block; padding:1px 5px 0 7px; background:url(/share/img/bg_btn_default.gif) no-repeat 0 -27px}
a.btn_xsml {font-family:sans-serif,arial;display:inline-block; padding-right:3px; background:url(/share/img/bg_btn_default.gif) no-repeat 100% -48px; font-size:11px; color:#444; line-height:19px; letter-spacing:-1px; word-spacing:-1px; text-decoration:none !important}
a.btn_xsml span,
a.btn_xsml strong {display:block; padding:1px 6px 0 7px; background:url(/share/img/bg_btn_default.gif) no-repeat 0 -48px}

span.btn_big {display:block; padding:1px 9px 0 12px; background:url(/share/img/bg_btn_default.gif) no-repeat; line-height:26px; font-size:12px;}

/* wrap */
#wrap{margin:0 20px 0 960px;padding-bottom:10px}
.wrap_fix{position:relative;min-width:960px;margin-left:-940px;zoom:1}

#header .group{float:right;margin-top:10px;padding-bottom:10px;}
#header .group .log{float:left;margin-right:20px;color:#999}
#header .group .log strong{font-weight:normal;color:#000}
#header .group .log span.team{margin-right:5px;font-size:11px}
#header .group .log .btn_xsml{margin-left:-3px;vertical-align:middle}
#header .group .services{float:left;overflow:hidden;padding-top:1px;line-height:14px}
#header .group .services span{float:left;margin-left:-1px;background:url(/share/img/line_services.gif) no-repeat 0 2px}
#header .group .services a{display:inline-block;padding:2px 13px;font-size:11px;color:#666}
#header .group .services a:hover{color:#000}
#header .group .services a.report{margin-left:1px;padding-left:23px;background:url(/share/img/ico_report.gif) no-repeat 10px 3px;letter-spacing:-1px}
#header .group .services a.report:hover{background-position:10px -27px}

.lnb,
.lnb ul {clear:both;position:relative;background:url(/share/img/bg_lnb.gif) no-repeat}
.lnb {padding-right:3px; background-position:right 0}
.lnb ul {height:37px; padding-left:20px; font-family:"나눔고딕",nanumgothic,"돋움",dotum; font-weight:bold; font-size:11px}
.lnb ul li {float:left; padding-top:4px; line-height:100%}
.lnb ul li a {display:inline-block; color:#ccc; text-decoration:none}
.lnb ul li a span {display:block; padding:9px 22px 13px; }
.lnb ul li a em {color:#777;}
.lnb ul li a:hover {color:#fff;text-decoration:none;}
.lnb ul li a:hover em {color:#aaa;text-decoration:none;}
.lnb ul li.on a,
.lnb ul li.on a span {background:url(/share/img/bg_lnb_on.gif) no-repeat}
.lnb ul li.on a {padding-left:6px; color:#000 !important}
.lnb ul li.on a span {padding:12px 22px 10px 16px; background-position:right 0}
.lnb ul li.on a em {color:#999}
.lnb .lnb_right{position:absolute;top:0;right:0;background:url(/share/img/bg_style1_lnb_br.gif) no-repeat 100% 0}
.lnb .lnb_right .today{display:inline-block;margin:10px 10px 0 0;font-family:tahoma;font-size:11px;font-weight:bold;color:#4eaeb9}
.lnb .today span{font-family:"Segoe UI",nanumgothic,"Segoe UI","Arial";letter-spacing:-1px}

#container{width:100%;margin-top:20px;table-layout:fixed}
#container .snb,
#container #content{vertical-align:top}
#container .blank{width:20px}
#container .snb{width:185px;padding:5px 0 50px;background:url(/share/img/bg_snb.gif) repeat-y}
.snb_menu{_display:inline-block;overflow:hidden;margin:0 9px}
.snb_menu li{margin-top:-1px;padding:12px 0 11px 17px;border-top:1px solid #e5e5e5;background:url(/share/img/bu_arr_gray_right.gif) no-repeat 8px 16px;font-family:"나눔고딕",nanumgothic,"돋움",dotum;font-weight:bold;line-height:14px;zoom:1}
.snb_menu li.on{background-image:url(/share/img/bu_arr_gray_down.gif)}
.snb_menu li a{display:inline-block;color:#333}
.snb_menu li ul{display:none;margin-top:3px}
.snb_menu li li{padding:4px 0 0;border:0;background:none;font-weight:normal}
.snb_menu li li a{color:#888;text-decoration:none !important}
.snb_menu li li.on a,
.snb_menu li li a:hover{color:#0194cd}
.snb_menu li li.on{background:none}
.snb_menu li.on ul{display:block}
.snb_help{margin:20px 8px 0;padding:10px;border:1px solid #e4e5e7;background:#fff}
.snb_help .tit{display:block;margin-bottom:11px;padding-bottom:7px;background:url(/share/img/bu_help.gif) no-repeat left 2px;border-bottom:1px solid #ededed;font-weight:bold;color:#000}
.snb_help ul li{margin:9px 0 0;padding:0 0 1px 18px;background:url(/share/img/ico_qmark.gif) no-repeat 0 2px;line-height:15px}
.snb_help ul li a{color:#666}
.snb_help ul li .snb_help_layer_wrap{position:relative;height:0}
.snb_help ul li .snb_help_layer{position:absolute;top:-14px;left:0;width:137px;height:85px;padding:9px 0 0 13px;border:1px solid #999999;background:#fff;z-index:20}
.snb_help ul li .snb_help_layer strong{display:block;margin-bottom:3px}
.snb_help ul li .snb_help_layer p{color:#666;line-height:15px}


#content{padding:6px 0 0}
h3{margin:0 0 20px 10px;padding:0 0 0 11px;background:url(/share/img/bu_h3.gif) no-repeat left top;font-size:16px;letter-spacing:-1px;word-spacing:1px}
h4{margin:30px 0 10px 11px;padding:0 0 0 9px;background:url(/share/img/bu_h4.gif) no-repeat left top;color:#666;font-size:12px;letter-spacing:-1px}
h5{margin:30px 0 10px 11px;padding:0 0 0 9px;color:#666;font-size:12px;letter-spacing:-1px}

#footer{margin-top:20px}

.functions {text-align:center}
.functions_left {position:absolute; top:0; left:5px}  
.functions_right {position:absolute; top:0; right:5px}

/* paging */
.paginate {margin-top:20px; text-align:center; }
.paginate a, .paginate span {display:inline-block; height:19px; padding:4px 5px 3px 4px; color:#999; font-size:13px; font-family:verdana; vertical-align:middle; } /*SMARTPHONEWEBPORTAL-237*/
.paginate a.prev_e {width:52px; height:26px; padding:0; background:url(http://images.hangame.co.kr/images/hangame/smart/common/btn_paginate.gif) no-repeat 0 0; }
.paginate a.prev {width:52px; height:26px; margin-right:4px; padding:0; background:url(http://images.hangame.co.kr/images/hangame/smart/common/btn_paginate.gif) no-repeat -55px 0; }
.paginate a.next {width:55px; height:26px; margin-left:4px; padding:0; background:url(http://images.hangame.co.kr/images/hangame/smart/common/btn_paginate.gif) no-repeat 0 -30px; }
.paginate a.next_e {width:52px; height:26px; padding:0; background:url(http://images.hangame.co.kr/images/hangame/smart/common/btn_paginate.gif) no-repeat -55px -30px}
.paginate span.prev_e {width:55px; height:26px; padding:0; background:url(http://images.hangame.co.kr/images/hangame/smart/common/btn_paginate.gif) no-repeat 0 -60px; }/*SMARTPHONEWEBPORTAL-523*/
.paginate span.prev {width:52px; height:26px; margin-right:4px; padding:0; background:url(http://images.hangame.co.kr/images/hangame/smart/common/btn_paginate.gif) no-repeat -55px -60px; }
.paginate span.next {width:55px; height:26px; margin-left:4px; padding:0; background:url(http://images.hangame.co.kr/images/hangame/smart/common/btn_paginate.gif) no-repeat 0 -90px; }
.paginate span.next_e {width:52px; height:26px; padding:0; background:url(http://images.hangame.co.kr/images/hangame/smart/common/btn_paginate.gif) no-repeat -55px -90px}
.paginate .skip {display:none; }
.paginate .on {color:#000; }

.input_txt {*margin:-1px 0}
.input_txt {height:16px; padding:0 3px; border:1px solid #ccc; line-height:15px}
.numeric {height:16px; padding:0 3px; border:1px solid #ccc; background:#fff;text-align:right}
.input_title {color:#666; text-align:left; vertical-align:top; font-weight:bold}
.input_date {display:inline-block; *margin-right:4px; border:1px solid #ccc; background:#fff}  
.input_date input {height:16px; padding:0 0 0 5px; border:0; background:#fff; font-size:12px; line-height:15px}  
.input_date button {width:17px; height:16px; border:0; background:0; vertical-align:top; cursor:pointer; _cursor:hand}  
.input_date button img {vertical-align:center}

/* Search Condition */
.search_type1 {position:relative; margin:0; padding:10px 0 14px; border:1px solid #dddee2; background-color:#f1f1f3}
.search_type1 legend {display:none}
.search_type1 table, .search_type1 table th, .search_type1 table td {border:0}
.search_type1 table.section {width:100%; table-layout:fixed}
.search_type1 table.section .btn {width:100px}
.search_type1 .forms .input_txt,.search_type1 .forms .input_date input,.search_type1 .forms select {*margin:-1px 0}
.search_type1 .forms .input_txt {height:16px; padding:0 3px; border:1px solid #ccc; line-height:15px}
.search_type1 .forms .input_date {display:inline-block; *margin-right:4px; border:1px solid #ccc; background:#fff}
.search_type1 .forms .input_date input {height:16px; padding:0 0 0 5px; border:0; background:#fff; font-size:12px; line-height:15px}
.search_type1 .forms .input_date button {width:17px; height:16px; border:0; background:0; vertical-align:top; cursor:pointer; _cursor:hand}
.search_type1 .forms .input_date button img {vertical-align:center;}
.search_type1 .forms table th {padding:0 8px 0 20px; color:#666; letter-spacing:-1px; text-align:left}
.search_type1 .forms table td {padding:6px 0}
.search_type1 .forms table td select,
.search_type1 .forms table td input {color:#666}
.search_type1 .btn {border-top:6px solid #f1f1f3; border-bottom:6px solid #f1f1f3; background:url(/share/img/line_srch_type1.gif) repeat-y; text-align:center}
.search_type1 table tr.logtype th {padding-top:14px; vertical-align:top; }
.search_type1 table tr.logtype td {padding-top:14px; *padding-top:12px; vertical-align:top}
.search_type1 table td .chk {*margin:-3px -3px 0 -4px; vertical-align:middle}
.search_type1 table td label {margin:0 0 0 5px; font-size:11px; cursor:pointer; _cursor:hand} 
.search_type1 table td .box {margin:6px 10px 10px 0px ; *margin:2px 0 0; padding:12px 12px 3px 32px; background-color:#f4f4f4; border:1px solid #d6d6d6}
.search_type1 table td .box .chk label {margin:0 0 0 5px; font-size:11px; cursor:pointer; _cursor:hand}
.search_type1 table td .box span {padding:0 0 10px; *padding:0 0 7px; display:inline-block; width:104px}
.search_type1 table td .box label {color:#6d6d6d}
.search_type1 table td.period {}
.search_type1 table td.period img {margin:2px 0 0; *margin-top:3px; vertical-align:top}
.search_type1 table td.period .group {float:left; font-size:11px}
.search_type1 table td.period .group input {vertical-align:middle}
.search_type1 select {width:200px;}
.search_type1 label {vertical-align:middle}

/* tbl_type1 */
.tbl_type1 {overflow:hidden;}
.tbl_type1 table {border:0}
.tbl_type1 table th,
.tbl_type1 table td {border:0; border-bottom:1px solid #dddee4}
.tbl_type1 table {width:100%; margin-left:-1px; border-collapse:collapse}
.tbl_type1 table th {padding:8px 10px; border-left:1px solid #dddee4; border-top:1px solid #dddee4; background:#f1f1f3; vertical-align:top}
.tbl_type1 table td {padding:8px 10px; border-left:1px solid #dddee4; border-top:1px solid #dddee4; vertical-align:top}
.tbl_type1_v1 table {table-layout:fixed}
.tbl_type1_v2 {margin:10px 0 30px}

/* tbl_type2 */ 
.tbl_type2{overflow:hidden;width:100%;border-bottom:1px solid #e5e6e9;}
.tbl_type2 table{width:100%;margin-bottom:-1px;border:0;border-top:1px solid #e5e6e9;border-right:1px solid #e5e6e9;line-height:16px;}  
.tbl_type2 table th{border:0;border-bottom:1px solid #e5e6e9;border-left:1px solid #e5e6e9}  
.tbl_type2 table td{border:0;background:url(/share/img/line_tbl_dot.gif) repeat-x 0 100%;border-left:1px solid #e5e6e9}  
.tbl_type2 table th{padding:6px 0 5px;background:url(/share/img/line_th_hilite.gif) #f4f4f6 ;color:#666}  
.tbl_type2 table td {padding:6px 0 5px;color:#333;text-align:center}  
.tbl_type2 table td.right{padding:6px 10px 5px;color:#333;text-align:right}  
.tbl_type2 table td.left{padding:6px 0 5px 5px;color:#333;text-align:left}    
.tbl_type2 table tr.on td,.tbl_type2 table td.on{background-color:#e5f1f9} 
.tbl_type2 table tr.on td {background-color:#e5f1f9; color:#333}
.tbl_type2 table thead th,.tbl_type2 table tbody td{padding:6px 0;border:0;color:#666;text-align:center}  
.tbl_type2 table thead th {border-left:1px solid #e5e6e9; background:#f1f1f3}  
.tbl_type2 table thead th a.up,.tbl_type2 table thead th a.down {display:inline-block; padding-right:7px; color:#003372}  
.tbl_type2 table thead th a.up {background:url(/share/img/bu_arr_blue_up.gif) no-repeat right 3px}  
.tbl_type2 table thead th a.down {background:url(/share/img/bu_arr_blue_down.gif) no-repeat right 3px}  
.tbl_type2 table tbody td {border-bottom:1px solid #dddee2; border-left:1px solid #e5e6e9}  
.tbl_type2 table tbody td.num {font-family:tahoma; font-size:11px}  
.tbl_type2 table tbody td.sum {padding-left:15px; padding-right:15px; text-align:left}  

.tbl_type3 {}
.tbl_type3 legend {display:none}
.tbl_type3 .light {color:#888}
.tbl_type3 table {width:100%; border:0; border-top:1px solid #dddee2; line-height:16px; table-layout:fixed}
.tbl_type3 table th,
.tbl_type3 table td {border:0; border-bottom:1px solid #dddee2; vertical-align:top}
.tbl_type3 table th {padding:6px 0 5px; background:#f1f1f3; color:#666}
.tbl_type3 table td {padding:6px 15px 5px; color:#333; text-align:left}
.tbl_type3 table td ul {margin-bottom:-5px}
.tbl_type3 table td ul li {margin-bottom:5px}
.tbl_type3 table td ul li a {display:inline-block; margin-left:10px}
/* inner_tbl_type1 */
.inner_tbl_type1{padding:8px 13px}
.inner_tbl_type1 table{border:1px solid #e5e6e9}
.inner_tbl_type1 table th{padding:4px 0;border:0;color:#999;text-align:center}
.inner_tbl_type1 table td{padding:4px 15px;border:0;color:#666;text-align:left}
.inner_tbl_type1 table.inner_tbl_x td{text-align:center}
.inner_tbl_type1 table td a{color:#666}
.inner_tbl_type1 table tr.logtype th {padding-top:14px; vertical-align:top; }
.inner_tbl_type1 table tr.logtype td {padding-top:14px; *padding-top:12px; vertical-align:top}
.inner_tbl_type1 table td .chk {*margin:-3px -3px 0 -4px; vertical-align:middle}
.inner_tbl_type1 table td label {margin:0 0 0 5px; font-size:11px; cursor:pointer; _cursor:hand} 
.inner_tbl_type1 table td .box {margin:6px 10px 10px 0px ; *margin:2px 0 0; padding:12px 12px 3px 32px; background-color:#f4f4f4; border:1px solid #d6d6d6}
.inner_tbl_type1 table td .box .chk label {margin:0 0 0 5px; font-size:11px; cursor:pointer; _cursor:hand}
.inner_tbl_type1 table td .box span {padding:0 0 10px; *padding:0 0 7px; display:inline-block; width:104px}
.inner_tbl_type1 table td .box label {color:#6d6d6d}

.tbl_forms table td {padding:4px 11px}
.tbl_forms table td input,
.tbl_forms table td select,
.tbl_forms table td label {vertical-align:middle}
.tbl_forms table td .input_txt {height:16px; padding:0 3px; border:1px solid #ccc; line-height:15px}
.tbl_forms table td .input_rdo {*margin:-1px -3px}
.tbl_forms table td .btn_xsml {margin-top:-1px; vertical-align:middle}
.tbl_forms table td.se {padding:9px 11px}

.boldFont {font-weight:bold}
.div_left {float: left;margin-left:10px}
.div_right {position: relative; float: right;margin-right:10px}

/* Pop up */
#pop_wrap button {width:27px; height:26px; overflow:visible; border:0; background:0; cursor:pointer; _cursor:hand}  
#pop_header {position:relative; height:26px; padding:6px 0 0 15px; background:url(/share/img/bg_pop_header.gif) repeat-x}  
#pop_header h1 {padding-left:9px; background:url(/share/img/bg_pop_h1.gif) no-repeat 0 4px; font-size:12px; color:#fff; line-height:15px}  
#pop_header button {position:absolute; top:1px; right:5px}  
#pop_content {padding:20px}  
#pop_footer {margin:0 20px; padding-top:16px; background:url(/share/img/bg_pop_footer.gif) repeat-x; text-align:center} 

/* Layer Popup */
.layer {position:absolute; border:1px solid #8a8c8d; background:#fff}  
.layer .layer_header,  
.layer .layer_header .tit {display:block; background:url(/share/img/bg_layer_header.gif) repeat-x}  
.layer .layer_header {height:27px; padding-right:1px; background-position:100% 0}  
.layer .layer_header .tit {height:20px; padding:7px 0 0 8px; font-size:11px; color:#555; letter-spacing:-1px; line-height:13px}  
.layer .layer_content {margin:15px}  
.layer .layer_footer {margin:0 15px; padding:7px 0 12px; border-top:1px solid #d1d1d1; text-align:center}  
.layer_move .layer_header {cursor:move}  
.layer_center {left:50%; top:50%; margin:-90px 0 0 -155px}

.content_top {margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #c0c0c0}
.content_top .path {padding-left:11px; background:url(/share/img/bu_location.gif) no-repeat; font-size:14px; color:#aaa; line-height:15px; text-transform:capitalize}
.content_top .path strong {color:#000}

.index h2 {margin:30px 0 8px 5px; padding-left:9px; background:url(/share/img/bu_h2.gif) no-repeat 0 1px; font-size:12px; color:#454545; line-height:100%}
.index ul {margin-bottom:30px}
.index ul li {color:#555}
.index ul.list_type1 {}
.index ul.nostyle {margin-top:10px}
.index .structure {display:inline-block; width:100%}
.index .structure h2 {margin-top:0}
.index .list_type1 {float:left; padding-left:10px}
.index .list_type1 li {margin:0 0 10px 20px; line-height:18px; list-style:decimal inside; text-indent:-16px;}
.index .list_type1 li a {margin-top:5px; color:#008edf}
.index .notice h2 {margin:0 0 5px; padding:0 0 5px 16px; border-bottom:1px solid #ccc; background-position:6px 1px}
.index .notice ul li {padding:5px 5px 6px; background:url(/share/img/line_tbl_dot.gif) repeat-x 0 100%}
.index .notice ul li span.c {display:inline-block; width:60px; text-transform:capitalize}
.index .notice ul li span.d {margin-left:10px; font-size:10px; color:#999}
.index .notice ul li a {font-weight:bold; color:#000}
.index .process {overflow:hidden; height:55px; margin:10px 0 0 0; border:1px solid #d5d5d5; background:url(/share/img/bg_process.gif) repeat-x 0 -1px}
.index .process table {width:100%; border-collapse:collapse; table-layout:fixed}
.index .process table td {height:55px; padding:0 40px 0 5px; background:url(/share/img/bg_process_arr.gif) no-repeat 100% -18px; font-weight:bold;  line-height:16px; text-align:center}
.index .process table td span {display:block; margin-top:4px; font-weight:normal; color:#f86f41}
.index .process table td p {margin-top:5px; font-weight:normal; color:#666}
.index .process table td.last {padding-right:20px; background:none}
.index pre {margin-left:10px;}

.tab2 {position:relative; height:29px; margin-top:20px; background:url(/share/img/tab_menu.gif) repeat-x 0 100%}
.tab2 ul li,
.tab2 ul li a {background:url(/share/img/bg_tab2_off.gif) no-repeat}
.tab2 ul li {float:left; margin-right:-1px; line-height:16px}
.tab2 ul li a {display:inline-block; padding:7px 16px 6px; _padding:8px 16px 5px; background-position: 100% 0; font-weight:bold; color:#666; text-decoration:none !important}
.tab2 ul li.on,
.tab2 ul li.on a {background-image:url(/share/img/bg_tab2_on.gif)}
.tab2 ul li.on a {color:#3376b8}

/* Footer */
#footer .copyright {display:inline-block; clear:both; width:620px; margin:50px 160px 0 0; font:10px tahoma; color:#666; text-align:right}
#footer .copyright strong {color:#00535d}

/* panel */
.cui_panel {
	border: 1px solid #ccc;
	margin: 5px 0; 
}

.cui_panel_title {
	background: url(/share/img/cui/title_bg.png) repeat-x #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px;
	height: 18px;
}

.cui_panel_title span {
	font-weight: bold;	
}

.cui_panel_title_buttons {
	float: right;
}

.cui_panel_hide {
	background: url(/share/img/cui/collapse.png);
	width: 15px;
	height: 15px;
	border: 0;
	padding: 0;
	margin: 0;
}

.cui_panel_hide span {
	font-size:0;
	height:0;
	left:-1000em;
	line-height:0;
	overflow:hidden;
	position:absolute;
	visibility:hidden;
	width:0;
}

.cui_panel_show {
	background: url(/share/img/cui/expand.png);
	width: 15px;
	height: 15px;
	border: 0;
	padding: 0;
	margin: 0;
}

.cui_panel_show span {
	font-size:0;
	height:0;
	left:-1000em;
	line-height:0;
	overflow:hidden;
	position:absolute;
	visibility:hidden;
	width:0;
}

.cui_panel_inner {
	padding: 10px;
}

.cui_bar_container {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cui_bar {
	border-top: 1px solid #D8D8DA;
	height: 11px;
}

.cui_bar_show {
	background: url(/share/img/cui/bar_expand.png);
	width: 46px;
	height: 11px;
	float: right;
	border: 0;
	padding: 0;
	margin: -1px 30px 0 0;
}

.cui_bar_show span {
	font-size:0;
	height:0;
	left:-1000em;
	line-height:0;
	overflow:hidden;
	position:absolute;
	visibility:hidden;
	width:0;
}

.cui_bar_hide {
	background: url(/share/img/cui/bar_collapse.png);
	width: 46px;
	height: 11px;
	float: right;
	border: 0;
	padding: 0;
	margin: -1px 30px 0 0;
}

.cui_bar_hide span {
	font-size:0;
	height:0;
	left:-1000em;
	line-height:0;
	overflow:hidden;
	position:absolute;
	visibility:hidden;
	width:0;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

table.jCalendar {
	/*
	border: 1px solid #000;
	background: #aaa;
	border-collapse: separate;
    border-spacing: 2px;
	*/
	width:194px; *width:198px; border:2px solid #fff; text-align:center; font:10px/12px verdana,tahoma
}
table.jCalendar th {
	/*
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
	*/
	font-weight: bold;
	color: #fff;	
	padding:0; background:#333; border:0; text-align:center; border-bottom:3px solid #fff; font:10px/12px verdana,tahoma
}

table.jCalendar td {
	/*
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
	*/
	padding:0; background:#fff; border:0; border-bottom:3px solid #fff; font:10px/12px verdana,tahoma
}
table.jCalendar td.other-month {
	background: #fff;
	color: #aaa;
}
table.jCalendar td.today {
	/*
	background:#7f7f7f;	
	*/
	background: #7f7f7f;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.sunday {
	background: #fff;
	color: #f00;
}
table.jCalendar td.saturday {
	background: #fff;
	color: #00f;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
	position: relative;
	/*
	width: 171px;
	background: #ccc;
	font-size: 10px;
	*/
	background: #fff;
	font-size: 11px;	
	padding: 2px;
	width: 194px;
	line-height: 1.2em;
	letter-spacing:-1px; 
	line-height:19px; 
	text-decoration:none;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: left;
	width: 11px;
	height: 12px;
	padding: 0;
	margin: 2px 2px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;	
	background: url(/share/img/btn_srch_cal.gif) no-repeat;
	cursor:pointer; 
	_cursor:hand;
	vertical-align:top;
	/*
	width: 16px;
	height: 16px; 
	background: url(/img/calendar.png) no-repeat; 
	*/		
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#calendar-me {
	margin: 20px;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}